<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="shortcut icon"href="img/heard.ico">
		<title>闪电配音 - 专业极速配音服务 </title>
		<link rel='stylesheet'href="css/dialog.css?v=optimize20180613" />
		<link rel="stylesheet" type="text/css" href="css/public.css?v=optimize20180613" />
		<link rel="stylesheet" type="text/css" href="css/index.css?v=optimize20180613" />
		<link rel="stylesheet" type="text/css" href="css/popup.css?v=optimize20180613" />
		<link rel="stylesheet" type="text/css" href="css/speeDdubbing.css?v=optimize20180613" />
	</head>
	<body>
		<div class="transition"></div>
		<div class='headtip' style="top: -50px;">错误</div>
		<div class='headtip2' style="top: -50px;">错误</div>
		<div id="common-confirm-box" class="hide">
			<div class="dialog">
				<div class="dialog-head">
					<span class="header-text">彻底删除文件</span>
					<span class="close">
						<img src="img/public/close_03.png" alt="">
					</span>
				</div>
				<div class="dialog-body">即将彻底删除文件即将彻底删除文件即将彻底删除文件即将彻底删除文件即将彻底删除文件即将彻底删除文件</div>
				<div class="dialog-foot">
					<a href="#" class="btn btn-ok">确认</a>
					<a href="#" class="btn btn-cancel close">取消</a>
				</div>
			</div>
		</div>
		<div id="header_wrap">

			<div id="header" class="clearfix relative">
				<div class="headerLeft left point">
					<a href="index.html" class="gotourl">
						<img src="img/topLogo (1).png"/>
						<img src="img/topLogo (2).png"/>
					</a>
				</div>
				<div class="headerRight right">
					<a href="javascript:;" class="header_item relative clickServer">
						<img src="img/headerRight (1).png" class="haveText"/>
						<span class="search_text">客服</span>
						<div class="boxShow server">
							<h4>扫一扫添加微信客服</h4>
							<img src="img/serverImg.png" alt="" />
							<div class="phoneServer btn">
								<img src="img/server (1).png" alt="" />
								<span>电话客服</span>
							</div>
							<div class="QQServer btn" onclick="javascript:window.open('http://wpa.qq.com/msgrd?v=3&uin=574823458&site=qq&menu=yes','_blank');">
								<img src="img/server (2).png" alt="" />
								<span>QQ客服</span>
							</div>
						</div>
					</a>
					<div class="info_logo header_item">
						<img src="img/headerRight (2).png"/>
					</div>
					<div class="user_img header_item relative">
						<div class="img-container">
							<img src="img/headerRight (3).png"/>
						</div>
						<div class="boxShow mine">
							<ul>
								<li class="font1">
									<span class="font">加载中</span>
								</li>
								<li class="line"></li>
								<li class="font2">
									<span class="font">基础版</span>
									<span class="font font3">升级</span>
								</li>
								<li class="font1 mineEmail">
									<span class="font">150927842@qq.com</span>
								</li>
								<li class="line"></li>
								<li class="hover point font5">
									<span class="font">账号设置</span>
								</li>
								<li class="line"></li>
								 <li class="hover point font5">
					                <span class="font">意见反馈</span>
					              </li>
								<li class="hover point font5">
									<span class="font">分享音频</span>
								</li>
								<li class="hover point font5">
									<span class="font">推荐主播</span>
								</li>
								<li class="hover point font5">
									<span class="font">使用帮助</span>
								</li>
								<li class="line"></li>
								<li class="hover point font5 logout">
									<span class="font">退出登录</span>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class='content_midle'></div>
		<div id="content_wrap">
			<div class="inner">
				<div id="content" class="clearfix">
					<div class="contentLeft left">
							 <div class="black_div" style="background-color: #41464b;color: #fff;">
					              <span>开始</span>
					               <div class="begin" style="width: 120px; height: 150px; left: -15px;">
					                <a class="mydiv" id="myemail" href="#">
					                  <img src="img/icon-link.png" alt="">
					                  <span>填入网址</span>
					                </a>
					                <a class="mydiv" id="myfile" href="#">
					                  <img src="img/icon-upload.png" alt="">
					                  <span>上传文档</span>
					                </a>
					                <div class="myline"></div>
					                <a class="mydiv gotourl" id="inputText" href="./speeDdubbing.html">
					                  <img src="img/icon-book.png" alt="">
					                  <span>输入文字</span>
					                </a>
					              </div>
					            </div>
						 <ul class="left_list" style="margin-top: 50px;">
							<li>
								<a href="index.html" class="voice gotourl active">
									<div>
										<!-- <img src="img/icon-voice2.png"/> -->
									</div>
									<span>配音服务</span>
								</a>
							</li>
							<li>
								<a href="./order.html" class="order gotourl">
									<div>
										<!-- <img src="img/icon-text2.png"/> -->
									</div>
									<span>我的订单</span>
								</a>
							</li>
							<li>
								<a href="./achor.html" class="search">
									<div>
										<!-- <img src="img/icon-search2.png"/> -->
									</div>
									<span>发现主播</span>
								</a>
							</li>
							<li class="setLike">
								<a href="index.html?type=2" class="setting gotourl">
									<div>
										<!-- <img src="img/icon-setting2.png"/> -->
									</div>
									<span>设置偏好</span>
								</a>
							</li>
						</ul>
						<div class="left_nav_title">签约客户</div>
						<ul class="left_list">
							<li>
								<a href="javascript:;" class="mark">
									<div>
										<!-- <img src="img/icon-mark2.png"/> -->
									</div>
									<span>收藏主播</span>
								</a>
							</li>
							<li>
								<a href="recharge.html" class="money">
									<div>
										<!-- <img src="img/icon-money2.png"/> -->
									</div>
									<span>充值套餐</span>
								</a>
							</li>
						</ul>
					</div>
					<div class="services_content">
						<!--收藏导航栏-->
						<div class='service_head'>
							<div class="inner">
								<div class='service_h_quick clearfix left cursor relative'>
									<div class="inner">
										<a href = 'javascript:;' class=' px12 line28 col4c5257' id='voice' data-type="1">极速配音</a>
										<span class='public_dow' id='services_down'></span>
						 			</div>
									<!-- <div class='splite left'></div> -->
									<!--弹出框-->
									<div class='service_h_option absolute hide'>
										<div class='service_h_jian absolute'></div>
										<div class='absolute service_h_talk px12' style="display: none;">即将上线</div>
										<ul class='service_talk_wrap'>
											<li class="service_option clearfix" data-type="1">
												<a href="./speeDdubbing.html">
													<p class='service_icon left'></p>
													<span class='px12 left'>极速配音</span>
												</a>
										    </li>
											<li class="service_option clearfix" data-type="2">
												<a href="./speeDdubbing.html?demand=3">
													<p class='icon_yue left'></p>
													<span class='px12 left'>预约配音</span>
												</a>
											</li>
											<li class="service_option clearfix disabled">
												<a href="./empty.html?type=4">
													<p class='icon_qian left'></p>
													<span class='px12 left'>签约配音</span>
												</a>
											</li>
											<li class="service_option clearfix disabled">
												<a href="./empty.html?type=5">
													<p class='icon_time left'></p>
													<span class='px12 left'>自选配音</span>
												</a>
											</li>
											<li class="service_option clearfix disabled">
												<a href="./empty.html?type=6">
												  <p class='icon_duo left'></p>
												  <span class='px12 left'>多人合配</span>
												</a>
										  	</li>
											<li class="service_option clearfix disabled">
												<a href="./empty.html?type=7">
												  <p class='icon_duan left'></p>
												  <span class='px12 left'>短视频</span>
												</a>
										  	</li>
											<li class="service_option clearfix disabled">
												<a href="./empty.html?type=8">
												  <p class='icon_book left'></p>
												  <span class='px12 left'>有声书</span>
												</a>
											</li>
											<li class="service_option clearfix disabled">
												<a href="./empty.html?type=9">
												  <p class='icon_nei left'></p>
												  <span class='px12 left'>内容专栏</span>
												</a>
											</li>
											<li class="service_option clearfix disabled">
												<a href="./empty.html?type=10">
												  <p class='icon_ke left'></p>
												  <span class='px12 left'>课件</span>
												</a>
										  	</li>
											<li class="service_option clearfix disabled">
												<a href="./empty.html?type=11">
												  <p class='icon_shi left'></p>
												  <span class='px12 left'>诗歌</span>
												</a>
										  	</li>
											<li class="service_option clearfix disabled">
												<a href="./empty.html?type=12">
												  <p class='icon_ming left'></p>
												  <span class='px12 left'>名人配音</span>
												</a>
										  	</li>
											<li class="service_option clearfix disabled">
												<a href="./empty.html?type=13">
												  <p class='icon_wai left'></p>
												  <span class='px12 left'>外语</span>
												</a>
										  	</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<!--主体-->
						<div class='service_wrap'>
						  <div class="empty_page_wrapper">
							<div class="inner">
							  <div class="icon-wrapper">
								<img src="img/empty-ghost.png" alt="">
							  </div>
							  <div class="text">
								<span class="vol">自选配音</span>
								<span class="vol2">即将上线</span>
							  </div>
							  <div class="num">0人 期待</div>
							  <div class="btn-container">
								<a href="#" class="btn btn-confirm">+1</a>
								<a href="index.html" class="btn btn-cancel">返回</a>
							  </div>
							</div>
						  </div>
							<!-- <div class="service_wrap_inner">
								<div id="document-wrapper">
									<div class="header">
										<input id="document-title" type="text" placeholder="请在这里输入标题">
									</div>
									<div class="content">
										<div class="text-wrapper" contenteditable="true" placeholder="从这里输入配音正文"></div>
									</div>
								</div>
							</div> -->
						</div>
						<!--底部-->
					</div>
				</div>
			</div>
		</div>
		<!--支付弹框-->
		<div class='hide mask_speed'>
			<div class='mask_speed_cont absolute'>
				<div class='mask_cont_head px17 relative center line48'>
					<span>支付订单</span>
					<div class='absolute mask_close'></div>
				</div>
				<div class='center line31 clearfix'>
					<span class='order_head mask_older_deep px12 left col585858'>确认订单</span>
					<span class='mask_title_deep left'></span>
					<span class='order_head px12 left colacacac'>付款</span>
					<span class='mask_title_deep left'></span>
					<span class='order_head px12 left colacacac'>等待音频交付</span>
				</div>
				<div class='mask_footer'>
					<!--支付第一步-->
					<div class=' mask_pay_one'>
						<div class='mask_footer_t colbababa px12 line35'>订单类型</div>
						<div class='clearfix'>
							<div class='mask_footer_type left mar10 mask_bor_bg'>
								<p class='px14 line18 '>普通用户</p>
								<p class='px12 '>实时优选主播</p>
							</div>
							<div class='mask_footer_type left'>
								<p class='px14 line18'>高级用户</p>
								<p class='px12'>指定主播服务</p>
							</div>
						</div>
						<div class='px12 colbababa line31'>接收音频邮箱</div>
						<div class='mask_footer_e relative px12 line33'>
							<input type="text" id="mask_email" class="hide">
							<span>1466389822@qq.com</span>
							<a href='javascript:;'class='modify col73a4ea px12  line33 right'>修改</a>
						</div>
						<div class='px12 colbababa line31'>支付方式</div>
						<div class='clearfix'>
							<div class='mask_footer_pay left mar10 mask_bor_bg'>
								<img src='img/public/pay_13.png' class='left'>
								<span class='payfor px12 colbababa line36'>微信支付</span>
							</div>
							<div class='mask_footer_pay left'>
								<img src='img/public/pay_14.png'class='left'>
								<span class='payfor px12 colbababa line36'>支付宝</span>
							</div>
						</div>
						<div class='line62 clearfix'>
							<div class='left'>
								<span class='px12 colbababa left'>总计：</span>
								<strong class='left px12' id="mask_money_count">￥145.00</strong>
							</div>
							<div class='right clearfix'>
								<span class='px12 colbababa left'>充值套餐本单可节省<strong class='colff2610' id="mask_discount"> 35.00 </strong>元</span>
								<span class='mask_pay_deep left'></span>
							</div>
						</div>
						<div class='mask_btn px12'>下一步</div>
					</div>
					<div class='hide mask_pay_two'>
						<div class='mask_pay_list clearfix center'>
							<img src='img/public/pay_13.png' class='left' />
							<!-- <span class='px12 colacacac left line31'>请用支付宝扫码完成支付</span> -->
							<span class='px12 colacacac line31 left'>请用微信扫码完成支付</span>
						</div>
						<div id='paycode'>
							<!-- <img src='img/public/code.png' class='left'/> -->
							<img src='' class='left'/>
						</div>
						<div class='center px12 line18'>扫码支付后，如果没有自动跳转</div>
						<div class='px12 col8ab2ed center line18 curso'>请点这里</div>
					</div>
					<div class='hide mask_pay_three'>
						<div class='mask_finish'>
							<img src='img/public/finish.png' class='center'/>
							<p class='center px14 colacacac line18'>下单成功</p>
						</div>
						<div class='mask_three_footer'>
							<div class='center px12 colacacac line44'>音频将发送至您指定的邮箱  也可以在我的订单中下载。</div>
							<div class='clearfix'>
								<a class='three_know left' href="order.html">知道了</a>
								<a href='order.html'>
									<p class='three_order left'>查看我的订单</p>
								</a>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
		<div class="popup2 hide" id="time-selector">
			<div class="cover close"></div>
			<div class="inner">
				<div class="header">
					<div class="title">自定义交付时间</div>
					<a class="close" href="#">
						<img src="img/public/close_03.png" alt="">
					</a>
				</div>
				<div class="body">
					<div class="info">时间越充分品质越高，非紧急情况推荐使用预约模式下单。</div>
					<div class="time-wrapper">
						<div class="day-wrapper select-wrapper">
							<div class="container">
								<span>今天</span>
								<div class="public_dow"></div>
							</div>
							<div class="list-wrapper hide">
								<ul class="list">
									<li>今天</li>
									<li>明天</li>
									<li>后天</li>
								</ul>
							</div>
						</div>
						<div class="line"></div>
						<div class="hour-wrapper select-wrapper">
							<div class="container">
								<span>21</span>
								<div class="public_dow"></div>
							</div>
							<div class="list-wrapper hide">
								<ul class="list">
									<li>今天</li>
									<li>明天</li>
									<li>后天</li>
								</ul>
							</div>
						</div>
						<div class="word">时</div>
						<div class="minute-wrapper select-wrapper">
							<div class="container">
								<span>11</span>
								<div class="public_dow"></div>
							</div>
							<div class="list-wrapper hide">
								<ul class="list">
									<li>今天</li>
									<li>明天</li>
									<li>后天</li>
								</ul>
							</div>
						</div>
						<div class="word">分</div>
					</div>
				</div>
				<div class="footer">
					<div class="tip">预约享受价格优惠，至少设置 3 小时 + 后</div>
					<a href="#" class="btn btn-confirm">确认</a>
				</div>
			</div>
		</div>
		<!--遮罩-->
		<div class="mask_wrap hide">
				<div class="mask_cout">
					<div class="mask_w hide">
						<div class="mask_w_head clearfix">
							<a href="javascript:;" class='mask_t_l mask_bor fl'>网址获取</a>
							<a href="javascript:;" class='mask_t_r fl'>上传文档</a>
							<div class="mask_c_close fr cursor"></div>
						</div>
						<div class="mask_line"></div>
						<input type='text' class="mask_midle_inp" placeholder="请ctrl+v粘贴网址自动获取原文本极速发单">
						<div class="mask_word">支持微信公众号、石墨、简书，输入文章网址自动去生图生成配音稿</div>
						<div class="mask_c_btn cursor">点击获取</div>
					</div>
					<div class="mask_up hide">
						<div class="mask_w_head clearfix">
							<a href="javascript:;" class='mask_t_l fl'>网址获取</a>
							<a href="javascript:;" class='mask_t_r mask_bor fl'>上传文档</a>
							<div class="mask_c_close fr cursor"></div>
						</div>
						<div class="mask_line"></div>
						<div class="mask_midle col_bgf5">
							<input id='upload-word' type="file" accept="application/vnd.openxmlformats-officedocument.wordprocessingml.document">
							<span class="mask_m_up fl"></span>
							<span class="fl mask_upload_text">选择您要配音的文本文件</span>
							<span class="fr cursor"id='mask_up_file'>点击上传</span>
						</div>
						<div class="mask_word">目前仅支持WORD文档docx格式 上传后获取文本内容 不支持文档有表格等样式</div>
						<div class="mask_c_btn cursor">点击获取</div>
					</div>
				</div>
			</div>
		<!-- 切换主体弹窗 -->
		<div class="popup popup-change-press large hide" id="popup-change-press">
			<div class="inner">
				<div class="header">
					<span class="title">选择发稿主体</span>
					<a href="#" class="close">
						<img src="img/public/close_03.png" alt="">
					</a>
				</div>
				<div class="body">
					<ul class="press-list">
						<li class="press-wrapper" data-id="dsfdafs">
							<div class="press-head">
								<img src="img/img(12).png" alt="">
							</div>
							<div class="press-body">
								<div class="press-title">创业家</div>
								<div class="press-info">创业家创业家创业家创业家创业家创业家</div>
							</div>
						</li>
						<li class="press-wrapper" data-id="dafadf">
							<div class="press-head">
								<img src="img/img(12).png" alt="">
							</div>
							<div class="press-body">
								<div class="press-title">创业家</div>
								<div class="press-info">创业家创业家创业家创业家创业家创业家</div>
							</div>
						</li>
						<li class="press-wrapper" data-id="dafdfsf">
							<div class="press-head">
								<img src="img/img(12).png" alt="">
							</div>
							<div class="press-body">
								<div class="press-title">创业家</div>
								<div class="press-info">创业家创业家创业家创业家创业家创业家</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="content">
					<a href="setting.html?type=1">点击这里</a>添加 / 编辑主体; 也可以为主体<a href="index.html?type=2">设置偏好</a>方便更快发单
				</div>
				<div class="popup-footer type2">
					<span class="tip"></span>
					<a href="#" class="btn btn-confirm">确认</a>
				</div>
			</div>
		</div>
		<!-- 分享音频等弹窗 -->
		<div class="popup2 popup-programs hide">
				<div class="cover close"></div>
				<div class="inner">
					<div class="header">
						<div class="nav">
							<div class="active qr" data-type='1'>分享音频</div>
							<div class="listen" data-type='2'>付费收听</div>
							<div class="wx" data-type='3'>小程序</div>
						</div>
						<div class="close">
							<img src="./img/public/close_03.png" alt="">
						</div>
					</div>
					<div class="body">
						<div class="program hide listen" data-type="2">
							<img src="./img/lock.png" alt="">
							<div class="title">即将上线，尽情期待</div>
							<div class="tip">允许你创建专栏对音频进行付费收听 所有费用的90%归你</div>
						</div>
						<div class="program wx hide" data-type="3">
							<img src="./img/wx-program.png" alt="">
							<div class="title">即将上线，尽情期待</div>
							<div class="tip">允许你创建基于微信的FM音频小程序，推荐公众号使用。</div>
						</div>
						<div class="program qr" data-type="1">
							<img src="./img/wx-program.png" alt="">
							<div class="title">用微信"扫一扫"二维码</div>
							<div class="tip">分享您的音频给微信好友或朋友圈供他们收听</div>
						</div>
					</div>
				</div>
			</div>
		<script src="js/jquery.min.js?v=optimize20180613" /></script>
		<script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js?v=optimize20180613" /></script>
		<script src="js/public.js?v=optimize20180613" /></script>
		<script src='js/dialog.js?v=optimize20180613' /></script>
		<!-- <script src="js/index.js?v=optimize20180613" /></script> -->
		<script src="js/empty.js?v=optimize20180613" /></script>
	</body>
</html>
